let base64 = ''
// 选择图片
$('.select').on('click', function () {
  // 触发input的点击事件click()
  $('#file').click()
})

// 给input注册 change事件 -- 获取用户上传图片的信息
$('#file').on('change', function (e) {
  const files = e.target.files
  console.log(files); // 图片的信息
  if (files.length === 0) return
  // window.URL 主要作用是读取文件的字符串，在img或video等带有src属性的标签上展示。
  // window.URL.createObjectURL(object) file
  // console.log(files[0]);
  const blobUrl = window.URL.createObjectURL(files[0])
  console.log(blobUrl); // 生成blob字符串 用来设置页面img身上的src属性agit
  $('#image').prop('src', blobUrl)
  let reader = new FileReader()
  if (files[0]) {
    reader.readAsDataURL(files[0])
    
    reader.onloadend = function () {
      base64 = reader.result
      console.log(base64);
    }
  }
})
axios.defaults.baseURL = 'http://api-breakingnews-web.itheima.net'
// 上传头像
$('.sure').on('click',function () {
  // console.log(1);
  if (!base64) return layer.msg('请选择图片后再进行上传') 
  const data = `avatar=${encodeURIComponent(base64)}`
  axios({
    method: 'POST',
    url :'/my/update/avatar',
    data,
    headers:{
      Authorization: localStorage.getItem('token')
    }
  }).then(({ data: res})=>{
    console.log(res);
    layer.msg(res.message)
    if (res.status === 0) {
      window.parent.getUserInfo()
    }
  })
})

function selfUser() {
  axios({
    method: 'GET',
    url: 'http://api-breakingnews-web.itheima.net/my/userinfo',
    // 自定义请求头
    headers: {
      Authorization: localStorage.getItem('token')
    }
  }).then(({ data: res }) => {
    // console.log(res);
    // 判断请求成功a
    if (res.status === 0) {
      let {user_pic } = res.data
      // console.log(id, username, nickname, email, user_pic);
    if (user_pic) {
      $('#image').prop('src', user_pic)
    }
  }
  })
}
selfUser()